<template>
	<view class="background">
		<image class="img" mode="scaleToFill" :src="imgSrc"></image>
	</view>
</template>

<script>
	import { rootUrl } from '@/utils/config.js'
	
	export default {
		name:"Background",
		data() {
			return {
				backgroundImg: '/store/static/img/bg/page-bg.png'
			};
		},
		computed: {
			imgSrc() {
				return rootUrl + this.backgroundImg
			}
		}
	}
</script>

<style scoped lang="scss">
.background{
	z-index:-1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	
	.img{
		width: 944rpx;
		height: 992rpx;
		transform: scale(.9) translate(-40%, 50%);
		position: absolute;
		bottom: 0;
		left: 0;
	}
}
</style>
